<template>
    <div class="nav">
        <ul>
            <li><router-link to="/"><span></span>首页</router-link></li>
            <li><router-link to="/auth/login"><span></span>登录</router-link></li>
            <li><router-link to="/auth/register"><span></span>注册</router-link></li>
        </ul>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.nav{
    position: fixed;
    right:0;
    top:0;
    left:auto;
    width: 300px;
    height:640px;
    background:rgb(40,40,40);
    z-index: 3;
    @media screen and (min-width: 800px) {
        display: none;  
    }
    ul{
        padding-top:40px;
        li{
            width:80%;
            height:50px;
            border-radius:6px;
            margin:20px 25px 0;
            line-height:50px;
            text-indent:30px;
            &:hover{
                background-color:rgba(255,255,255,.1);
                cursor:pointer
            }
            a{
                color:white;
                font-size: 13px;
            }
        }
    }
}
</style>